// Quicklook and Print window options

.quicklook-standalone, .print-window {
    position:fixed;

    #init-print {
      padding: @title-bar-height * 0.4;
      cursor: pointer;
      width: 20px;
      height: @title-bar-height;
      &::before {
        font-family: @font-icon;
        font-size: @title-bar-height * 0.6;
        line-height: 0px; // Necessary to center the Icon on the title bar
        content: '\f125';
        -webkit-app-region: no-drag;
      }
    }

    .title {
        // Title bar options
        cursor:-webkit-grab;
        -webkit-app-region: drag;

        height: @title-bar-height;
        border-top-left-radius: @border-radius;
        border-top-right-radius: @border-radius;
        display: flex;
        padding:0;
        margin:0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;

        h1 {
            flex-grow:5;
            display: inline-block;
            padding: 0 1em;
            line-height: @title-bar-height;
            white-space: nowrap;
            max-width: 90%;
            overflow: hidden;
        }

        .find {
          -webkit-app-region: no-drag;
          flex-grow:4;
          display: inline-block;
          width:30%;
          float: right;
          height:100%;
          padding:0;
          margin:0;

          input {
            width:100%;
            padding:0.2em 1em;
            margin:0;
            outline: none;
            border:none;
            height: 100%;
            line-height: @title-bar-height;
          }
        }
    }

    .body .CodeMirror {
        cursor:text;
        font-size:1em;
        font-family: inherit;
        padding:0.3em;
        height:100%;
        border-bottom-left-radius: @border-radius;
        border-bottom-right-radius: @border-radius;
    }

    .CodeMirror-scroll .CodeMirror-sizer { margin-bottom:1em; }

    // CodeMirror inside Quicklook standalone windows need another top-distance
    .quicklook-standalone #editor { top: @toolbar-height; }

    .print-window .content {
      top: @toolbar-height;
      width: 100%;
      height:100%;
    }
}

// Custom margins for different platforms
body {
  &.darwin .quicklook-standalone .title, &.darwin .print-window .title { padding-left: 70px; }
  &.win32 .quicklook-standalone .title, &.win32 .print-window .title { padding-right: 140px; }
  &.linux .quicklook-standalone .title, &.linux .print-window .title { padding-right: 100px; }
}
